<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta centent="淘宝" name="keywords">
    <title>淘宝网-淘! 我喜欢</title>
    <link rel="shortcut icon" type="image/icon" href="image/icon.ico">
    <link rel="stylesheet" type="text/css" href="taobao.css">
</head>

<body>
    <div class="max-top">
        <div class="max-top-center">
            <!-- 顶部左边 -->
            <div class="float-left container-left">
                <ul>
                    <li class="float-left">
                        <div class="max-top-jframe" style="text-align: center;">中国大陆&or;
                        </div>
                    </li>
                    <li class="float-left li-margin">
                        <a href="#" class="register ">
						亲,请登录
					</a>
                    </li>
                    <li class="float-left li-margin">
                        <a href="#" class="max_top-a">
						免费注册
					</a>
                    </li>
                    <li class="float-left li-margin">
                        <a href="#" class="max_top-a">
						手机逛淘宝
					</a>
                    </li>
                </ul>
            </div>
            <!-- 顶部右边 -->
            <div class="float-right container-right">
                <ul>
                    <li class="float-left">
                        <div class="max-top-jframe">
                            <a href="#" class="max_top-a">
							我的淘宝&or;
						</a>
                        </div>
                    </li>
                    <li class="float-left li-margin">
                        <a href="#" class="max_top-a">
                            <img src="image/shoop.jpg" width="12px" ;height="20px"> 购物车&or;
                        </a>
                    </li>
                    <li class="float-left li-margin">
                        <div class="top-right-frame">
                            <a href="#" class="max_top-a">
                                <img src="image/collect.jpg" width="10px" height="13px"> 收藏夹&or;
                            </a>
                        </div>
                    </li>
                    <li class="float-left li-margin">
                        <a href="#" class="max_top-a">
						商品分类
					</a>
                    </li>
                    <!-- 竖线 -->
                    <li class="float-left long-string">&nbsp;|
                    </li>

                    <li class="float-left li-margin">
                        <div class="max-top-jframe">
                            <a href="#" class="max_top-a">
							卖家中心&nbsp;&or;
						</a>

                        </div>

                    </li>
                    <li class="float-left li-margin">
                        <div class="max-top-jframe">
                            <a href="#" class="max_top-a">
							联系客服&nbsp;&or;
						</a>
                        </div>

                    </li>
                    <li class="float-left li-margin">
                        <div class="max-top-jframe">
                            <span class="symbol"></span>
                            <a href="#" class="max_top-a">
							网站导航&or;
						</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="top-bj">
        <div class="max-center">
            <div class="float-left ">
                <img src="image/logo.png" alt="淘宝" class="logo">
            </div>
            <div class="center-center">
                <!-- 上部搜索选项 -->
                <div id="search-classify">
                    <ul>
                        <li class="li-margin float-left">
                            <div class="search">
                                宝贝
                            </div>
                        </li>
                        <li class="li-margin float-left">
                            <div class="search">
                                天猫
                            </div>
                        </li>
                        <li class="li-margin float-left">
                            <div class="search">
                                店铺
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <!-- 搜索框 -->
                    <form method="get" action="#">
                        <input type="text" name="搜索值" value="国庆促销商品" onfocus="if (this.value=='国庆促销商品') {this.value=''}" onblur="if (this.value=='') {this.value='国庆促销商品'}" class="text-search float-left">
                    </form>
                    <a href="#" style="color: #fff;">
                        <div class="cover float-left">
                            搜索
                        </div>
                    </a>
                </div>
                <!-- 搜索框下部链接 -->
                <div class="classify-bottom">
                    <ul>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">新款连衣裙</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">四件套</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">潮流T恤</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">时尚女鞋</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">短裤</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">半身裙</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">男士外套</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">墙纸</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">行车记录仪</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">新款男鞋</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">耳机</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">时尚女包</a>
                        </li>
                        <li class="float-left classify-buttom-margin">
                            <a href="#" class="max_top-a">沙发</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间分类 -->
    <div class="center-classify">
        <div class="center-little-container">
            <div class="theme_bazaar float-left">
                主题市场
            </div>
            <ul>
                <li class="float-left li-margin">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						天猫
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						聚划算
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						天猫超市
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="long-string">
                        <b class="long-string-center">|</b>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						淘抢购
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						电器城
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						司法拍卖
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						中国质造
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						兴农扶贫
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="long-string">
                        <b class="long-string-center">|</b>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						飞猪流行
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						智能生活
					</a>
                    </div>
                </li>

                <li class="float-left">
                    <div class="center-min_container">
                        <a href="#" class="initialize-a-center">
						苏宁易购
					</a>
                    </div>
                </li>



            </ul>
        </div>

    </div>


    <!-- 中间最大的容器 -->
    <div class="center-max-container">

        <!-- 中部左边的容器 -->
        <div class="left-container float-left">
            <ul>
                <div class="left-min-container">
                    <li class="float-left">
                        <a href="#">
						女装
					</a> /
                        <a href="#">
						男装
					</a> /
                        <a href="#">
						内衣
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">
                        <a href="#">
						鞋靴
					</a> /
                        <a href="#">
						箱包
					</a> /
                        <a href="#">
						配件
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>

                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						童装玩具
					</a> /
                        <a href="#">
						孕产
					</a> /
                        <a href="#">
						用品
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						家电
					</a> /
                        <a href="#">
						数码
					</a> /
                        <a href="#">
						手机
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						美妆
					</a> /
                        <a href="#">
						洗护
					</a> /
                        <a href="#">
						保健品
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						珠宝
					</a> /
                        <a href="#">
						眼睛
					</a> /
                        <a href="#">
						手表
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						运动
					</a> /
                        <a href="#">
						户外
					</a> /
                        <a href="#">
						乐器
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						游戏
					</a> /
                        <a href="#">
						动漫
					</a> /
                        <a href="#">
						影视
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						美食
					</a> /
                        <a href="#">
						生鲜
					</a> /
                        <a href="#">
						零食
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						鲜花
					</a> /
                        <a href="#">
						宠物
					</a> /
                        <a href="#">
						农资
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						工具
					</a> /
                        <a href="#">
						装修
					</a> /
                        <a href="#">
						建材
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						家具
					</a> /
                        <a href="#">
						家饰
					</a> /
                        <a href="#">
						家纺
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						汽车
					</a> /
                        <a href="#">
						二手车
					</a> /
                        <a href="#">
						用品
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						办公
					</a> /
                        <a href="#">
						DIY
					</a> /
                        <a href="#">
						五金电子
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						百货
					</a> /
                        <a href="#">
						餐厨
					</a> /
                        <a href="#">
						家庭保健
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>
                <div class="left-min-container">
                    <li class="float-left">

                        <a href="#">
						学习
					</a> /
                        <a href="#">
						卡劵
					</a> /
                        <a href="#">
						本地服务
					</a>
                    </li>
                    <b class="icon_b float-right">></b>
                </div>








            </ul>
        </div>

        <!-- 中部中间图片容器链接 -->
        <div class="image-center float-left">
            <div class="image-top-left float-left">
                <a href="#">
                    <img src="image/commodity.png" width="525px" height="278px">
                </a>
            </div>
            <div class="image-top-right float-left">
                <a href="#">
                    <img src="image/commodity2.jpg" width="145px" height="278px">
                </a>
            </div>

            <div class="left-bottom float-left">
                <img src="image/tianmao.png" width="122px" height="18px">
                <span>理想生活上天猫</span>
                <hr>
                <a href="#">
                    <img src="image/left-bottom.jpg" width="258px" height="195px">
                </a>
                <a href="#">
                    <img src="image/right-bottom.jpg" width="258px" height="195px">
                </a>
            </div>

            <div class="float-left commodity3">
                <span>今日热卖</span>
                <a href="#">
                    <img src="image/commodity3.jpg" width="145px" height="193px">
                </a>
            </div>
        </div>

        <!-- 中部右边容器信息 -->
        <div class="center-right-message">
            <div class="top-message">
                <img src="image/head.jpg">
                <br>
                <p><b>Hi!</b>马云爸爸叫你注册</p>
                <a href="#">
                    <div class="GoldContainer float-left">
                        <img src="image/gold.jpg">
                        <span>淘金币抵钱</span>
                    </div>
                </a>
                <a href="#">
                    <div class="VipContainer float-left">
                        <img src="image/vip.jpg">
                        <span>会员俱乐部</span>
                    </div>
                </a>
            </div>

            <!-- 登录注册容器 -->
            <div class="top-button">
                <a href="register.html" target="new">
                    <div class="regis float-left">登录</div>
                </a>
                <a href="login.html" target="new">
                    <div class="regis float-left">注册</div>
                </a>
                <a href="shopp.html" target="new">
                    <div class="regis float-left">开店</div>
                </a>

            </div>

            <!-- 举报专区 -->
            <a href="#">
                <div class="report">
                    <span>网上有害信息举报专区</span>
                    <img src="image/point.jpg">
                </div>
            </a>
            <!-- 信息专区 -->
            <div class="rule-bottom">
                <div>
                    <ul>
                        <li>
                            <div style="margin-left: 40px;">
                                <a href="#">公告</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">规则</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">论坛</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">安全</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">公益</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="information">
                    <div>
                        <a href="#">
						新增《淘宝网抽检标准》
					</a>
                    </div>
                    <div>
                        <a href="#">	
						《淘宝禁售商品管理规定》
					</a>
                    </div>
                    <div>
                        <a href="#">
						新增《淘宝网大家电行》
					</a>
                    </div>
                    <div>
                        <a href="#">
						《淘宝直播平台管理规定》
					</a>

                    </div>
                </div>

            </div>

            <!-- 功能区 -->
            <div class="function">
                <a href="#">
                    <div class="special">
                        <img src="image2/no1.jpg">
                        <br>
                        <span>充话费</span>
                    </div>
                </a>
                <a href="#">
                    <div class="special">
                        <img src="image2/no2.jpg">
                        <br>
                        <span>旅行</span>
                    </div>
                </a>
                <a href="#">
                    <div class="special">
                        <img src="image2/no3.jpg">
                        <br>
                        <span>车险</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no4.jpg">
                        <br>
                        <span>游戏</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no5.jpg">
                        <br>
                        <span>彩票</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no6.jpg">
                        <br>
                        <span>电影</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no7.jpg">
                        <br>
                        <span>酒店</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no8.jpg">
                        <br>
                        <span>理财</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no9.jpg">
                        <br>
                        <span>找服务</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no10.jpg">
                        <br>
                        <span>演出</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no11.jpg">
                        <br>
                        <span>水电煤</span>
                    </div>
                </a>
                <a href="#">
                    <div>
                        <img src="image2/no12.jpg">
                        <br>
                        <span>火车票</span>
                    </div>
                </a>

            </div>
        </div>
        <!-- 左部底部区 -->
        <div class="max-bottom-container float-left">
            <div class="float-left">
                <img src="image/toutiao.png">
                <br>
                <span>让你的生活更有趣</span>
            </div>

            <a href="#">
                <div class="news-container">
                    <img src="image/news.jpg" class="news float-left">

                    <div class="title float-left discern">
                        范冰冰偷税被罚8亿!谁会是第二个?
                    </div>

                    <div class="more discern">
                        更多>
                    </div>

                    <div class="content">
                        经过税务机关3个多月的依法调查核实，群众举报范冰冰“阴阳合同”涉税问题有了明确结果。税务机关依法向范冰冰作出追缴税款、滞纳金并处以罚款的决定。社会各界特别是文艺影视工作者坚决支持税务部门依法查处此案，并从中得到教育警示。
                    </div>
                </div>
            </a>
        </div>

        <!-- 右部底层区 -->

        <div class="right-max-bottom float-left">
            <span>阿里APP</span>
            <div class="more2">
                <a href="#">
				更多>
			</a>
            </div>
            <div class="app">
                <ul>
                    <li style="margin-left: 0">
                        <a href="#">
                            <img src="image/app1.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app2.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app3.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app4.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app5.png">
                        </a>
                    </li>
                    <li style="margin-left: 0">
                        <a href="#">
                            <img src="image/app6.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app7.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app8.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app9.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="image/app10.png">
                        </a>
                    </li>
                </ul>

            </div>
        </div>
    </div>


    <div class="play">
        <table border="1" cellpadding="0" cellspacing="0" class="table float-left">
        <tr>
            <td class="td-color"></td>
            <td class="td-color"></td>
            <td class="td-color"></td>
        </tr>
        <tr>
            <td class="td-color"></td>
            <td class="td-color"></td>
            <td class="td-color"></td>
        </tr>
        <tr>
            <td class="td-color"></td>
            <td class="td-color"></td>
            <td class="td-color"></td>
        </tr>


        </table>

        <span class="lose left">您输了</span>
        <span class="win left">您赢了!</span>

        <input type="button" value="关闭" class="reset left">

    </div>

<script src="taobao.js"></script>



  <!--   <script type="text/javascript">
        alert('黄彪创作');
    </script> -->



</body>

</html>